@charset "utf-8";
.conter{
    width: 100%;
    .banner{
        img{
            width: 100%;
        }
    }
    .game_wrap{
        padding-bottom: 80px;
        .game{
            max-width: 1000px;
            margin: 0 auto;
            padding-top: 30px;
            padding-bottom: 80px;
            .img{
                position: relative;
                     .hot{
                        position: absolute;
                        top: -30px;
                        left: 15px;
                        border-top:80px solid #e14738;
                        border-left:20px solid #e14738;
                        border-right:20px solid #e14738;
                        border-bottom: 20px solid transparent;
                        .hot_t{
                            position: absolute;
                            top: -60px;
                            left: 0;
                            transform: translate(-50%);
                            font-size: 20px;
                            line-height: 24px;
                            color: #FFFFFF;
                            
                        }
                    }   
            }
            .text{
                h1{
                    font-size: 30px;
                    margin-top: 0;
                    text-align: right;
                }
                .text_t{
                    text-align: right;
                    line-height: 30px;
                    font-size: 12px;
                    margin: 0;
                }
            }
            .t_img{
                .img{
                    display: flex;
                    justify-content: center;
                    padding-top: 25px;
                }
            }
            .tw_game{
                padding-top: 50px;
                .text{
                    h1{
                        font-size: 30px;
                        margin-top: 0;
                        text-align: left;
                    }
                    .text_t{
                        text-align: left;
                        line-height: 30px;
                        font-size: 12px;
                        margin: 0;
                    }
                }
                .t_img{
                    .img{
                        display: flex;
                        justify-content: center;
                        padding-top: 25px;
                    }
                }
                .tw_img{
                    padding-top: 40px;
                }
            }
        }
        .game_case{
            max-width: 1000px;
            margin:0 auto ;
            .case_block{
                .block{
                    margin-top: 30px;
                    display: flex;
                    justify-content: center;
                    flex-wrap: wrap;
                    .img{
                        border-radius:3px ;
                        position: relative;
                        overflow: hidden;
                        span{
                            display: block;
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            top: 0;
                            left: 0;
                            font-size: 12px;
                            padding: 13px;
                            color: #FFFFFF;
                            background: rgba(000,000,000,.55);
                            display: none;
                        }
                    }
                    .img:hover span{
                        display: block;
                    }
                    p{
                        width: 100%;
                        padding-top: 12px;
                        font-size: 14px;
                        line-height: 14px;
                        color: #2a2a2a;
                        text-align: center;
                    }
                    
                }
            }
        }
        
    }
}

@media only screen and (min-width:200px) and (max-width:768px) {
    .banner{
        .carousel-indicators{
            bottom:0 ;
        }
        li{
            width: 6px;
            height: 6px;
        }
        .carousel-indicators .active{
            width: 8px;
            height: 8px;
            margin:0;
        }
    }
    .game_wrap{
        padding-bottom: 30px !important;
    }
    .game{
        padding-bottom: 0px !important;
    }
    
}